<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            .mytd {
                width: 80px;
                font-size: xx-small;
                color: red;
            }
        </style>
        <title>易购网-登录</title>
        <!-- 引入本地 Bootstrap 的 CSS 文件 -->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!-- 引入本地 Bootstrap 的 JavaScript 文件 -->
        <script th:src="@{/js/bootstrap.bundle.min.js}"></script>

    </head>
    <body class="bg-dark bg-opacity-10">
        <br>
        <div style="text-align: center">
            <form action="/store/check" method="post">
                <table style="text-align: center;margin: auto">
                    <h1 class="h3 mb-3 fw-normal">欢 迎 光 临
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    </h1>
                    <hr>
                    <tr>
                        <td>
                            <div class="form-floating">
                                <input th:type="text" th:name="code" style="text-align: center"
                                       class="form-control" id="floatingInput" placeholder="USR">
                                <label for="floatingInput">用 户</label>
                            </div>
                        </td>
                        <td class="mytd"><span th:if="${result.getCode()==404}" th:text="${result.getMsg()}"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="form-floating">
                                <input th:type="password" th:name="password"  style="text-align: center"
                                       class="form-control" id="floatingPassword" placeholder="PWD">
                                <label for="floatingPassword">密 码</label>
                            </div>
                        </td>
                        <td class="mytd"><span th:if="${result.getCode()==403}" th:text="${result.getMsg()}"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button class="w-100 btn btn-lg btn-primary" th:type="submit">
                                登&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp录
                            </button>
                        </td>
                    </tr>
                </table>
                <p class="mt-5 mb-3 text-muted">&copy; 2024–2025 easybuy
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                </p>
            </form>
        </div>

    </body>
</html>